<template>
    <cook-editor :state="cookEditorState" :preview="preview"></cook-editor>
</template>
<script setup lang="ts">
import { CookEditor } from "vue-cook"
import { useRoute } from "vue-router";
import TableMaker from "@/../demos/test-pkg/components/table-with-fetch-params"
import FetchMaker from "@/../demos/test-pkg/logic/fetch-with-params"
import { createCookEditorState, defaultMakerList } from "vue-cook"
const cookEditorState = createCookEditorState({
    makerList: [
        TableMaker, // import TableMaker from "./TableMaker.ts"
        FetchMaker, // import FetchMaker from "./FetchMaker.ts"
        ...defaultMakerList
    ]
})
const route = useRoute()
const preview = route.query.preview as string
</script>
<style lang="less">

body,
html,
#app {
    height: 100vh;
    padding: 0;
    margin: 0;
}
</style>